<div class="meey_top">
	<div class="meey_container">
		<a title="homepage" href=".">
			<div class="header" id="logo"></div>
		</a>
		<a href="https://twitter.com/#!/anthonymorris">
			<div class="social" id="twitter"></div>
		</a>
		<a href="http://www.linkedin.com/in/anthonypaulmorris">
			<div class="social" id="linkedin"></div>
		</a>
		<a href="https://plus.google.com/102125155908936949483#102125155908936949483/posts">
			<div class="social" id="google"></div>
		</a>
		<div class="head_search">
			<span class="text_shadow">Search Meey</span>
			<form action="http://www.google.com/search" method="get">
				<input type="text" name="q" class="search"/>
				<input type="image" src="images/www/search.png" alt="submit"> 
<!--
				<img src="images/www/search.png"/>-->
			</form>
		</div>
	</div>
	
	<div class="clearboth"></div>
</div>

<!-- 
	START OF NAVIGATION BLOCK
-->
<div id="meey_navigation">	
	<div id="meey_nav">
		<ul>
			<li>
				<img src="images/www/qm.png" style="vertical-align:middle"/>
				<a href="#">Why Meey?</a>
				<div class="mega_dropdown">
				
					<h2>Why Meey?</h2>
					<p>
						This is a sandbox & portfolio site to try out new ideas and so I can experiment with more advanced HTML/CSS/Javascript and learn a bit of PHP on top.
					</p>
					<p>
						I've crafted the main body of the website using Notepad++ so there are no machine generated elements. All code has been written from scratch.
						I'm not a creative designer so I have immitated what I felt were good design practices from other websites.   
					</p>
				</div>	
			</li>
			<li>
				<a href="#">current projects</a>
				<div class="mega_dropdown">
					<h2>What I'm working on</h2>
					<ul>
						<li>
							<a href="maps.php">Integrating Google Maps</a>
						</li>
						<li>
							<a href="sprites.php">Playing with Sprites</a>
						</li>
						<li>
							<a href="images.php">Image Carousel</a>
						</li>
					</ul>
				</div>
			</li>
			<li>
				<a href="#">history</a>
				<div class="mega_dropdown">
					CONTENT 3
				</div>	
			</li>					
			<li>
				<a href="#">blog</a>
				<div class="mega_dropdown">
					<h2>Blog Coming Soon...</h2>
					<p>The following blog is powered by Joomla</p>
					<p><a href="http://www.meey.co.uk/joomla">Blog</a></p>
				</div>
			</li>										
			<li>
				<a href="#">about me</a>
				<div class="mega_dropdown" id="about">
					<div class="meey_content_two_wide">
					<h2>About Me</h2>
					<p>Hi, I'm Anthony and this is my site. I've had a passion for computing for about as long as I can remember. I started out in the 8 bit world of the Commodore 64 and expanded into the web back in 94</p>
					<p>I started out building web pages and turned it into a business by monitising the sites though affiliate links and micro sites for friends. My career history is on <a href="http://www.linkedin.com/in/anthonypaulmorris">LinkedIn,</a></p>
					<p>I'm a professional member of the <a href="http://www.bcs.org">BCS</a></p>
					</div>
					<img src="images/www/ant.png" alt="site owner" class="meey_content_one_wide"/>	
				</div>
				<div class="clearboth"></div>
			</li>
			<li>
				<img src="images/www/rss.png" style="vertical-align:middle"/>
				<a href="#">RSS Feeds</a>
				<div class="mega_dropdown">
					<h2>Latest Topics</h2>
				</div>
			</li>
		</ul>
		<div class="clearboth"></div>
	</div>
</div>
<div id="breadcrumbs">			
	<div id="bread">
		<ul id="breadcrumbs">
			<li name="home"></li>
			<li name="first">
				home
			</li>
			<li name="last"></li>
		</ul>
		<div class="clearboth"></div>
		<!--
		<div id="searchbox">
			<form id="searchthis" method="get" action="/search">
				<div class="content">
					<input class="textfield rc4" type="text" value="" size="24" name="q">
					<input class="button rc4" type="submit" value="">
				</div>
			</form>
		</div>
		-->	
	</div>
	<div class="clearboth"></div>
</div>